import { Image } from "antd";

import Favicon from "../assets/imgs/favicon.png";
import Head from "../assets/imgs/head.png";

const Headers = () => {
  return (
    <div
      className="h-56px flex justify-between bg-#FFF pl-16px pr-16px mb-2"
      style={{ lineHeight: "56px" }}
    >
      <div className="flex">
        <Image width={40} preview={false} src={Favicon} />
        <span className="text-20px ml-12px">QUIVER</span>
      </div>
      <div className="flex">
        <Image
          width={40}
          height={40}
          preview={false}
          style={{ borderRadius: "50%" }}
          src={Head}
        />
        <span className="ml-8px">张三</span>
      </div>
    </div>
  );
};

export default Headers;
